

<!doctype html>
<html lang="zh-CN">
    <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
	    <meta name="viewport" content="initial-scale=1,maximum-scale=1,user-scalable=no,width=device-width,height=device-height">
        <title>首页</title>
        <link href="favicon.ico" rel="shortcut icon">
        <link rel="stylesheet" href="css/common/swiper.css">
        <link rel="stylesheet" href="css/common/base.css">
        <link rel="stylesheet" href="css/common/media.css">
        <link rel="stylesheet" href="css/index.css">
    </head>
    <body>
        <div class="container">
            <header>
                <div class="menu flex flex-align-items">
                    <a href="index.html" class="logo"><img src="img/common/logo.png" alt="logo"></a>
                    <nav class="pc">
                        <a href="index.html">首页</a>
                        <a href="course.html">课程体系</a>
                        <a href="team.html">师资</a>
                        <a href="process.html">如何上课</a>
                        <a href="about.html">关于我们</a>
                        <a href="news.html">新闻资讯</a>
                        <a href="contact.html">联系我们</a>
                    </nav>
                    <div class="mobileMenuBtn flex flex-align-items flex-justify-content cursor">
                        <div class="contn">
                            <span></span>
                            <span class="mid"></span>
                            <span></span>
                        </div>
                    </div>
                    <div class="mobileMenu flex flex-align-items flex-justify-content">
                        <a href="index.html">首页</a>
                        <a href="course.html">课程体系</a>
                        <a href="team.html">师资</a>
                        <a href="process.html">如何上课</a>
                        <a href="about.html">关于我们</a>
                        <a href="news.html">新闻资讯</a>
                        <a href="contact.html">联系我们</a>
                    </div>
                </div>
            </header>
            <main>
                <div class="mainHead ready">
                    <div class="pic">
                        <img class="obj-c" src="img/index/headPic.jpg" alt="页头图片">
                    </div>
                    <div class="tips flex flex-align-items flex-justify-content numAdd">
                        <div class="circle">
                            <p class="bottom"></p>
                            <div class="txt flex flex-align-items flex-justify-content">
                                <p>
                                    <span class="num flex">
                                        <em class="val">100</em>
                                        种
                                        <sup>+</sup>
                                    </span>
                                课程体系</p>
                            </div>
                        </div>
                        <div class="circle middle">
                            <p class="bottom"></p>
                            <div class="txt flex flex-align-items flex-justify-content">
                                <p>
                                    <span class="num flex">
                                        <em class="val">1000</em>
                                        名
                                        <sup>+</sup>
                                    </span>
                                每年服务高端会员</p>
                            </div>
                        </div>
                        <div class="circle">
                            <p class="bottom"></p>
                            <div class="txt flex flex-align-items flex-justify-content">
                                <p>
                                    <span class="num flex">
                                        <em class="val">200</em>
                                        名
                                        <sup>+</sup>
                                    </span>
                                持证外教</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="about fluid ready">
                    <div class="round">
                        <div class="box"></div>
                        <div class="circle content flex flex-align-items flex-justify-content">
                            <div class="title">
                                <p class="delay-1">ABOUT US</p>
                                <i class="delay-2"></i>
                                <p class="delay-3">关于我们</p>
                            </div>
                            <div class="picTxt">
                                <div class="picPalace">
                                    <img class="current now" src="img/index/slide1.jpg" alt="">
                                    <img src="img/index/headPic.jpg" alt="">
                                    <img src="img/index/contactPic.jpg" alt="">
                                </div>
                                <div class="shave"></div>
                                <div class="txtPalace flex">
                                    <div class="txt now current">
                                        <p>穿石培训1</p>
                                        <p>穿石培训纯外教授课，为您提供沉浸式的母语环境，告别中式英语，建立英语思维。</p>
                                    </div>
                                    <div class="txt">
                                        <p>穿石培训2</p>
                                        <p>穿石培训纯外教授课，为您提供沉浸式的母语环境，告别中式英语，建立英语思维。穿石培训纯外教授课，为您提供沉浸式的母语环境，告别中式英语，建立英语思维。穿石培训纯外教授课，为您提供沉浸式的母语环境，告别中式英语，建立英语思维。</p>
                                    </div>
                                    <div class="txt">
                                        <p>穿石培训3</p>
                                        <p>穿石培训纯外教授课，为您提供沉浸式的母语环境，告别中式英语，建立英语思维。穿石培训纯外教授课，为您提供沉浸式的母语环境，告别中式英语，建立英语思维。</p>
                                    </div>
                                </div>
                                <span class="prev cursor">
                                    <img src="img/index/arrow.png" alt="prev箭头">
                                </span>
                                <span class="next cursor">
                                    <img src="img/index/arrow.png" alt="next箭头">
                                </span>
                            </div>
                            <div class="tips">
                                <div class="rotate">
                                    <p class="txt flex flex-align-items flex-justify-content">
                                        <span>01</span>
                                        <span>免费注册</span>
                                    </p>
                                    <img class="top" src="img/index/redCircleBorder.png" alt="红圈">
                                    <img class="btm" src="img/index/greyCircleBorder.png" alt="灰圈">
                                </div>
                                <div class="rotate">
                                    <p class="txt flex flex-align-items flex-justify-content">
                                        <span>02</span>
                                        <span>水平测试</span>
                                    </p>
                                    <img class="top" src="img/index/redCircleBorder.png" alt="红圈">
                                    <img class="btm" src="img/index/greyCircleBorder.png" alt="灰圈">
                                </div>
                                <div class="rotate">
                                    <p class="txt flex flex-align-items flex-justify-content">
                                        <span>03</span>
                                        <span>学习需求</span>
                                    </p>
                                    <img class="top" src="img/index/redCircleBorder.png" alt="红圈">
                                    <img class="btm" src="img/index/greyCircleBorder.png" alt="灰圈">
                                </div>
                                <div class="rotate">
                                    <p class="txt flex flex-align-items flex-justify-content">
                                        <span>04</span>
                                        <span>学习指导</span>
                                    </p>
                                    <img class="top" src="img/index/redCircleBorder.png" alt="红圈">
                                    <img class="btm" src="img/index/greyCircleBorder.png" alt="灰圈">
                                </div>
                                <div class="rotate">
                                    <p class="txt flex flex-align-items flex-justify-content">
                                        <span>05</span>
                                        <span>进入课堂</span>
                                    </p>
                                    <img class="top" src="img/index/redCircleBorder.png" alt="红圈">
                                    <img class="btm" src="img/index/greyCircleBorder.png" alt="灰圈">
                                </div>
                                <div class="rotate">
                                    <p class="txt flex flex-align-items flex-justify-content">
                                        <span>06</span>
                                        <span>定制规划</span>
                                    </p>
                                    <img class="top" src="img/index/redCircleBorder.png" alt="红圈">
                                    <img class="btm" src="img/index/greyCircleBorder.png" alt="灰圈">
                                </div>
                                <div class="rotate">
                                    <p class="txt flex flex-align-items flex-justify-content">
                                        <span>07</span>
                                        <span>双语教学</span>
                                    </p>
                                    <img class="top" src="img/index/redCircleBorder.png" alt="红圈">
                                    <img class="btm" src="img/index/greyCircleBorder.png" alt="灰圈">
                                </div>
                                <div class="rotate">
                                    <p class="txt flex flex-align-items flex-justify-content">
                                        <span>08</span>
                                        <span>效果反馈</span>
                                    </p>
                                    <img class="top" src="img/index/redCircleBorder.png" alt="红圈">
                                    <img class="btm" src="img/index/greyCircleBorder.png" alt="灰圈">
                                </div>
                                <p class="flex flex-align-items flex-justify-content overBtm">服务流程</p>
                            </div>
                            
                        </div>
                        <div class="circle bg">
                            <p class="whiteShave"></p>
                            <p class="whiteShave"></p>
                        </div>
                    </div>
                </div>
                <div class="advantages">
                    <div class="fluid ready">
                        <div class="title">
                            <p class="delay-1">CHUNSHI ADVANTAGE</p>
                            <i class="delay-2"></i>
                            <p class="delay-3">穿石优势</p>
                        </div>
                        <ul class="flex">
                            <li>
                                <span>FIRST</span>
                                <p class="advTitle">欧美外教1对1</p>
                                <p>独立海外教学中心，1对1北美私教，全部拥有多年教学经验为您提供更专业的英语学习服务。</p>
                                <div class="circle">
                                    <p class="bottom"></p>
                                    <p class="txt">高品质</p>
                                </div>
                            </li>
                            <li>
                                <span>SECOND</span>
                                <p class="advTitle">固定时间、固定外教</p>
                                <p>不需要再为约不到好老师而烦恼，不需要担心学习的不连续性带来的低效。2次/3次/5次/周+专属外教，让英语学习更加高效。</p>
                                <div class="circle">
                                    <p class="bottom"></p>
                                    <p class="txt">高效率</p>
                                </div>
                            </li>
                            <li>
                                <span>THIRD</span>
                                <p class="advTitle">语音为主、视频为辅</p>
                                <p>针对学员需求，可自由选择音频或视频上课模式，提供学员不同阶段的学习选择。</p>
                                <div class="circle">
                                    <p class="bottom"></p>
                                    <p class="txt">多选择</p>
                                </div>
                            </li>
                            <li>
                                <span>FOURTH</span>
                                <p class="advTitle">超优惠</p>
                                <p>在保证教学质量的同时，也要为用户提供良心的价格，超高的性价比是我们对待学员的态度。  </p>
                                <div class="circle">
                                    <p class="bottom"></p>
                                    <p class="txt">超优惠</p>
                                </div>
                            </li>
                        </ul>
                        <p class="book">
                            <a class="btn cursor" href="contact.html">在线预约</a>
                        </p>
                    </div>
                </div>
                <div class="course ready">
                    <div class="fluid">
                        <div class="title">
                            <p class="delay-1">SITUATIONAL TEACHING</p>
                            <i class="delay-2"></i>
                            <p class="delay-3">情景化教学</p>
                        </div>
                        <p class="delay-4">个性化课程定制1v1使用口语课堂</p>
                        <ul>
                            <li>日常口语场景</li>
                            <li>商务英语场景</li>
                            <li>出国口语场景</li>
                            <li>青少年口语</li>
                            <li>企业课程定制</li>
                        </ul>
                    </div>
                    <div class="bg">
                        <p class="shave"></p>
                        <img src="img/index/courseBg.jpg" alt="背景图">
                    </div>
                    
                </div>
                <div class="data">
                    <div class="dataMain">
                        <div class="fluid numAdd">
                            <h5><span>11年沉淀 严选</span><span>全球优质好外教</span></h5>
                            <div class="contn">
                                <div class="box">
                                    <div class="dataItem">
                                        <p class="num">
                                            <span class="val">2</span>%
                                        </p>
                                        <p>入选率</p>
                                    </div>
                                    <div class="dataItem">
                                        <p class="num">
                                            <span class="val">1000</span>+
                                        </p>
                                        <p>欧美外教</p>
                                    </div>
                                    <div class="dataItem">
                                        <p class="num">
                                            <span class="val">3</span>年
                                        </p>
                                        <p>以上执教经验</p>
                                    </div>
                                    <div class="dataItem">
                                        <p class="num">
                                            <span class="val">100</span>%
                                        </p>
                                        <p>接受学员点评</p>
                                    </div>
                                </div>
                                <img src="img/index/peopleSide.png" alt="人像">
                            </div>
                        </div>
                    </div>
                    <p class="request">
                        <a href="contact.html" class='cursor btn'>申请免费试听</a>
                    </p>
                </div>
                <div class="ask">
                    <div class="fluid">
                        <div class="title">
                            <p>HOW TO LEARN</p>
                            <i></i>
                            <p>如何学习</p>
                        </div>
                        <div class="contn flex ready">
                            <div class="txt">
                                <i class="top"></i>
                                <i class="lft"></i>
                                <i class="btm"></i>
                                <div class="content">
                                    <p>1.量身定制英语口语培训课程规划</p>
                                    <p>2.科学排课，专属外教一对一匹配</p>
                                    <p>3.专属老师每天准时主动联系上课</p>
                                    <p>4.助教回听录音分析进度与不足</p>
                                    <p>5.学习反馈重点，跟进进度</p>
                                    <p>6.学习难点总结沟通，资料推送</p>
                                    <p>7.学习实时答疑解惑</p>
                                    <p>8.听说课堂线上互动+阅读写作训练批改,全面帮助学员提升英语应用能力</p>
                                    <p>9.更有背单词等学习工具，闲暇时间英语提升利器</p>
                                    <a href="contact.html" class="cursor">在线咨询</a>
                                </div>
                            </div>
                            <div class="pic">
                                <div class="box">
                                    <img class="obj-c" src="img/index/contactPic.jpg" alt="插图">
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </main>
            <footer>
                <nav class="flex flex-justify-content">
                    <a href="index.html">首页</a>
                    <a href="course.html">课程体系</a>
                    <a href="team.html">师资</a>
                    <a href="process.html">如何上课</a>
                    <a href="about.html">关于我们</a>
                    <a href="news.html">新闻资讯</a>
                    <a href="contact.html">联系我们</a>
                </nav>
                <p>
                    Copyright © 宁波穿石网络科技有限公司 All rights reserved
                    <span>技术支持：穿石科技</span>
                </p>
            </footer>
        </div>
        <script src="js/common/jquery.js"></script>
        <script src="js/common/swiper.js"></script>
        <script>
                var flag_lianxing= JSON.parse(sessionStorage.getItem('flag_lianxing'));
                if (typeof jQuery == 'undefined') {
                    console.log(" 未加载")
                    if(flag_lianxing){
                        console.log("自动刷新一次未加载")
                    }else{
                        sessionStorage.setItem('flag_lianxing', JSON.stringify("1"));
                        window.location.reload();
                    }
            
                } else {
                    console.log(" 已加载")
                }
        </script>
        <script src="js/common/common.js"></script>
        <script src="js/common/animation.js"></script>
        <script src="js/index.js"></script>
    </body>
    
</html>